<template>
  <div>
    <tabs v-if="showStatus===0"></tabs>
    <router-view/>
  </div>
</template>

<script>
  import tabs from "../src/pages/tabs/tabs"

  export default {
    name: 'App',
    components: {tabs},
    methods: {
      getPath() {
        if (this.$route.path === "/goshopping" || this.$route.path === "/simbuy"|| this.$route.path === "/courierservice") {
          this.showStatus = 1
        } else {
          this.showStatus = 0
        }
      }
    },
    watch: {
      '$route': 'getPath',
      /*    $route(e) {
            console.log(e.name)
    /!*        if (e.name === "/goshopping"||this.$route.path === "/goshopping") {
              this.showStatus = 1;
            } else {
              this.showStatus = 0;
            }*!/
            console.log(this.showStatus)
          }*/
    },
    data() {
      return {
        showStatus: 0
      }
    },
    mounted(){
      this.getPath()
    }
  }
</script>

<style>
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
  }
</style>
